.page {
		width: 100%;
		overflow: hidden;
	}

	.head {
		width: 100%;
		height: 410rpx;
		background: url(../../../static/user/detail1.png) 0 0/100% 100%;
		position: relative;
		top: 0;
	}

	.head-item {
		display: flex;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 30rpx;
		margin-top: -50rpx;
	}

	.head-portrait {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		margin-top: -10rpx;
	}

	.head-portrait image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.head-info {
		text-align: center;
		margin-left: 20rpx;
	}

	.head-info-name {
		font-size: 30rpx;
		font-weight: 800;
		color: #FFFFFF;
	}

	.head-info-att {
		
		margin-top: 10rpx;
		padding: 0rpx 10rpx;
		display: flex;
		align-items: center;
		background-color: #FFFFFF;
		border-radius: 30rpx;
		font-size: 26rpx;
	}
	.head-info-attNot{
		width: 100rpx;
		//margin: 0 auto;
	}
	.head-info-att text{
		text-align: center;
		margin: 0 auto;
	}
	.head-info-att image {
		width: 40rpx;
		height: 40rpx;
		margin-right: 6rpx;
	}

	.page .item-nav {
		width: 90%;
		height: 180rpx;
		margin: 0 auto;
		margin-top: -90rpx;
		background-color: #ffffff;
		//opacity: 0.95;
		border-radius: 20rpx;
		box-shadow: 0rpx 0rpx 20rpx 2rpx #c8c8c8;
		position: relative;
	}

	.item-nav-name {
		display: flex;
		align-items: center;
		justify-content: space-around;

	}

	.item-nav-bank {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-top: 20rpx;
	}

	.item-nav-bank image {
		width: 100rpx;
		height: 100rpx;
	}

	.item-box-con {
		margin-top: 20rpx;
		padding: 30rpx 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		//background-color: #dfdbd9;
	}

	.set {
		display: flex;
		align-items: center;
		font-size: 32rpx;
	}

	.set image {
		width: 42rpx;
		height: 42rpx;
		margin-right: 16rpx;
	}

	.set-next {
		width: 50rpx;
		height: 50rpx;
	}